<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>群发管理</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="shortcut icon" href="img/logo.ico" type="image/x-icon" >
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/pages/dashboard.css" rel="stylesheet">
</head>
<body>
  <!-- 顶部 -->
  <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container">
        <div class="navbar-header">
          <a class="navbar-brand" href="#">CRM系统</a>
        </div>
        <p class="header-exit">你好！XXX<a href="login.html">退出</a></p>
      </div>
    </div>
  </div>
  <!-- 头部导航 -->
  <div class="subnavbar">
    <div class="subnavbar-inner">
      <div class="container">
        <ul class="nav navbar-nav">
          <li>
            <a href="notice_index.html">待办事项</a>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                录入商机
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="client_client.html">录入单个商机</a></li>
                <li><a href="client_client_batch.html">批量录入</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                商机管理
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="main_main.html">个人商机</a></li>
                <li><a href="main_unknown.html">公司商机</a></li>
                <li><a href="main_future.html">未来商机</a></li>
                <li><a href="main_false_note.html">失败商机</a></li>
                <li><a href="main_success_bus.html">成功商机</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                销售日报
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="work_everybody.html">所有人日报</a></li>
                <li><a href="work_froms.html">公司商机</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                销售计划
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="sales_index.html">公司销售计划</a></li>
                <li><a href="sales_person_plan.html">个人销售计划</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                渠道管理
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="channel_person_channel.html">个人渠道</a></li>
                <li><a href="channel_company_channel.html">公司渠道</a></li>
                <li><a href="channel_addcollege.html">添加高校</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                排行管理
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="son_son.html">公司销售排行</a></li>
                <li><a href="son_self.html">个人销售排行</a></li>
                <li><a href="son_overdue_branch_list.html">公司逾期排行</a></li>
                <li><a href="son_overdue_list.html">个人逾期排行</a></li>
                <li><a href="son_visit_company.html">公司上门完成率排行</a></li>
                <li><a href="son_visit_self.html">个人上门完成率排行</a></li>
                <li><a href="son_false_analyse.html">失败回访排行</a></li>
                <li><a href="son_false_self.html">个人失败分析排行</a></li>
                <li><a href="son_false_com.html">公司失败分析排行</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                推广管理
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="client_proportion.html">导入比例设置</a></li>
            </ul>
          </li>
          <li class="dropdown active">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                群发管理
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="mass_send_email_send.html">邮件群发</a></li>
                <li><a href="mass_send_message_send.html">短信群发</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                星级管理
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="star_manage_sales_com.html">销售业绩提成</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 面包屑 -->
  <div class="container">
    <ol class="breadcrumb">
        <li>CRM系统</li>
        <li>群发管理</li>
        <li class="active">邮件群发</li>
    </ol>
  </div>
  <!-- 内容 -->
  <div class="container">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">群发邮件</h3>
      </div>
      <div class="panel-body">
        <ul id="myTab" class="nav nav-tabs">
          <li class="active">
              <a href="#item1" data-toggle="tab">队列</a>
          </li>
          <li>
              <a href="#item2" data-toggle="tab">添加</a>
          </li>
          <li>
              <a href="#item3" data-toggle="tab">批量添加</a>
          </li>
        </ul>
        <div id="myTabContent" class="tab-content">
          <!-- 队列 -->
          <div class="tab-pane fade in active" id="item1">
              <div class="alert alert-warning" role="alert">
              <strong>提示：</strong><br>
              当前登录者为：测试人员1，每日可发送条数为：100 条，今日共发送：0 条 ，今日剩余可发送条数为：100 条。<br>
              工作时间：9:00-18:00发送时一般1-15分钟内送达收件人手机，非工作时间内发送时会顺延第二天9点送达收件人手机。<br>
              为确保当天正常送达收件人手机，请尽量下午5点半前发送。</div>
              <h4 style="margin-bottom:12px;">筛选类型</h4>
              <ul class="nav nav-pills">
                <li class="active"><a href="#">不限</a></li>
                <li><a href="#">等待发送</a></li>
                <li><a href="#">发送中</a></li>
                <li><a href="#">发送成功</a></li>
                <li><a href="#">发送失败</a></li>
              </ul>
              <table class="table table-bordered" style="margin-top:12px;">
                <thead>
                  <tr>
                    <th><input type="checkbox">类型</th>
                    <th width="90">邮件发送者</th>
                    <th>收件人名称</th>
                    <th>邮箱地址</th>
                    <th>邮件主题</th>
                    <th>邮件内容</th>
                    <th>添加时间</th>
                    <th>发送时间</th>
                    <th>操作</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td><input type="checkbox">发送成功</td>
                    <td>张三</td>
                    <td>张磊</td>
                    <td>18502989806@qq.com</td>
                    <td>张磊你好，测试公司1西安分公司邀请您面试</td>
                    <td>张磊你好，测试公司1西安分公司邀请您面试</td>
                    <td>2016-05-18 10:35:30</td>
                    <td>2016-05-18 10:35:35</td>
                    <td></td>
                  </tr>
                </tbody>
              </table>
              <div class="submit-box">
                <button type="submit" class="btn btn-primary">发送</button>
              </div>
            </div>
            <!-- 添加 -->
            <div class="tab-pane fade in active" id="item2">
              <div class="alert alert-warning" role="alert">
                <strong>提示：</strong><br>
                工作时间：9:00-18:00发送时一般1-15分钟内送达收件人手机，非工作时间内发送时会顺延第二天9点送达收件人手机。<br>
                为确保当天正常送达收件人手机，请尽量下午5点半前发送。<br>
                <strong>提示：</strong><br>
                1、需选择对应要发送内容的模板。<br>
                2、设置自动替换值后会自动替换掉内容对应的值。<br>
              </div>
              <form class="form-horizontal" role="form">
                <div class="form-group">
                  <label class="col-sm-1 control-label">发件人:</label>
                  <div class="col-sm-5">
                    <input type="text" class="form-control">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-1 control-label">收件人:</label>
                  <div class="col-sm-5">
                    <input type="text" class="form-control" >
                  </div>
                  <p class="text-danger col-sm-5">* 多个邮箱号时，请用英文','号分隔，尽量确保邮箱号的真实性。</p>
                </div>
                <div class="form-group">
                  <label class="col-sm-1 control-label">模板选择:</label>
                  <div class="col-sm-5">
                    <select name="" class="form-control">
                      <option value="">请选择</option>
                      <option value="">选项</option>
                    </select>
                  </div>
                  <p class="text-danger col-sm-5">*模板需要在第三方系统中进行编辑，如需要修改或新增模板，请联系总部管理员。</p>
                </div>
                <div class="form-group">
                  <label class="col-sm-1 control-label">自动替换值:</label>
                  <label class="col-sm-1 control-label">#time#::</label>
                  <div class="col-sm-4">
                    <input type="text" class="form-control" >
                  </div>
                  <p class="text-danger col-sm-5">提示：可填写如早上9:30-11:00，下午14:00-16:30等任何时间格式</p>
                </div>
                <div class="form-group">
                  <label class="col-sm-offset-1 col-sm-1 control-label">#address#::</label>
                  <div class="col-sm-4">
                    <input type="text" class="form-control" >
                  </div>
                  <p class="text-danger col-sm-5">提示：可替换模板中的#address#，一般填写地址。</p>
                </div>
                <div class="form-group">
                  <label class="col-sm-offset-1 col-sm-1 control-label">#work#::</label>
                  <div class="col-sm-4">
                    <input type="text" class="form-control" >
                  </div>
                  <p class="text-danger col-sm-5">提示：可替换模板中的#work#，一般填写面试岗位。</p>
                </div>
                <div class="form-group">
                  <label class="col-sm-offset-1 col-sm-1 control-label">#contact#::</label>
                  <div class="col-sm-4">
                    <input type="text" class="form-control" >
                  </div>
                  <p class="text-danger col-sm-5">提示：可替换模板中的#contact#，一般填写联系人及联系方式。</p>
                </div>
                <div class="form-group">
                  <label class="col-sm-1 control-label">标题:</label>
                  <div class="col-sm-5">
                    <input type="text" class="form-control" >
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-1 control-label">内容:</label>
                  <div class="col-sm-5">
                    <textarea class="form-control" rows="5"></textarea>
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-sm-offset-1 col-sm-11">
                    <button type="submit" class="btn btn-default">发送</button>
                  </div>
                </div>
              </form>
            </div>
            <!-- 批量添加 -->
            <div class="tab-pane fade in active" id="item3">
              <div class="alert alert-warning" role="alert">
                <strong>提示：</strong><br>
                工作时间：9:00-18:00发送时一般1-15分钟内送达收件人手机，非工作时间内发送时会顺延第二天9点送达收件人手机。<br>
                为确保当天正常送达收件人手机，请尽量下午5点半前发送。<br>
              </div>
              <form class="form-horizontal" role="form">
                <div class="form-group">
                  <label class="col-sm-1 control-label">发件人:</label>
                  <div class="col-sm-5">
                    <input type="text" class="form-control">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-1 control-label">收件人:</label>
                  <label class="col-sm-1 control-label">品牌:</label>
                  <div class="col-sm-2">
                    <select name="" class="form-control">
                      <option value="">请选择</option>
                      <option value="">选项</option>
                    </select>
                  </div>
                  <label class="col-sm-1 control-label">分公司:</label>
                  <div class="col-sm-2">
                    <select name="" class="form-control">
                      <option value="">请选择</option>
                      <option value="">选项</option>
                    </select>
                  </div>
                  <label class="col-sm-1 control-label">销售人员:</label>
                  <div class="col-sm-2">
                    <select name="" class="form-control">
                      <option value="">请选择</option>
                      <option value="">选项</option>
                    </select>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-1 control-label">筛选条件:</label>
                  <label class="col-sm-1 control-label"><input type="checkbox">个人商机</label>
                  <label class="col-sm-1 control-label"><input type="checkbox">公司商机</label>
                  <label class="col-sm-1 control-label"><input type="checkbox">未来商机</label>
                  <label class="col-sm-1 control-label"><input type="checkbox">无效商机</label>
                  <label class="col-sm-1 control-label"><input type="checkbox">失败商机</label>
                  <label class="col-sm-1 control-label"><input type="checkbox">成功商机</label>
                </div>
                <div class="form-group">
                  <label class="col-sm-1 control-label">模板选择:</label>
                  <div class="col-sm-5">
                    <select name="" class="form-control">
                      <option value="">请选择</option>
                      <option value="">选项</option>
                    </select>
                  </div>
                  <p class="text-danger col-sm-5">*模板需要在第三方系统中进行编辑，如需要修改或新增模板，请联系总部管理员。</p>
                </div>
                <div class="form-group">
                  <label class="col-sm-1 control-label">自动替换值:</label>
                  <label class="col-sm-1 control-label">#time#::</label>
                  <div class="col-sm-4">
                    <input type="text" class="form-control" >
                  </div>
                  <p class="text-danger col-sm-5">提示：可填写如早上9:30-11:00，下午14:00-16:30等任何时间格式</p>
                </div>
                <div class="form-group">
                  <label class="col-sm-offset-1 col-sm-1 control-label">#address#::</label>
                  <div class="col-sm-4">
                    <input type="text" class="form-control" >
                  </div>
                  <p class="text-danger col-sm-5">提示：可替换模板中的#address#，一般填写地址。</p>
                </div>
                <div class="form-group">
                  <label class="col-sm-offset-1 col-sm-1 control-label">#work#::</label>
                  <div class="col-sm-4">
                    <input type="text" class="form-control" >
                  </div>
                  <p class="text-danger col-sm-5">提示：可替换模板中的#work#，一般填写面试岗位。</p>
                </div>
                <div class="form-group">
                  <label class="col-sm-offset-1 col-sm-1 control-label">#contact#::</label>
                  <div class="col-sm-4">
                    <input type="text" class="form-control" >
                  </div>
                  <p class="text-danger col-sm-5">提示：可替换模板中的#contact#，一般填写联系人及联系方式。</p>
                </div>
                <div class="form-group">
                  <label class="col-sm-1 control-label">标题:</label>
                  <div class="col-sm-5">
                    <input type="text" class="form-control" >
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-1 control-label">内容:</label>
                  <div class="col-sm-5">
                    <textarea class="form-control" rows="5"></textarea>
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-sm-offset-1 col-sm-11">
                    <button type="submit" class="btn btn-default">发送</button>
                  </div>
                </div>
              </form>
            </div>
        </div>
      </div>
    </div>
  </div>
  <script src="js/jquery.js"></script> 
  <script src="js/bootstrap.js"></script>
  <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.js"></script>
  <![endif]-->
  <script src="js/base.js"></script>
</body>
</html>
